<template>
  <div class="mystuay">
    <Picture />
    <TimeStudy />
    <RecentStudy />
    <LastStudy />
  </div>
</template>

<script>
import Picture from './child/picture.vue'
import TimeStudy from './child/timeStudy.vue'
import RecentStudy from './child/recentStudy.vue'
import LastStudy from './child/lastStudy.vue'
export default {
  components: {
    Picture,
    TimeStudy,
    RecentStudy,
    LastStudy,
  },
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
@import '../../style/common.less';
.mystuay {
  background-color: @cf5;
}
</style>
